<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<link rel="stylesheet" href="../CSS/MasterPage.css" type="text/css" />
	<link rel="stylesheet" href="../CSS/example.css" type="text/css" media="screen"/>
	<link rel="stylesheet" href="../CSS/example-print.css" type="text/css" media="print"/>
	<title>Home</title>
	<meta name="Description" content="How " />
	<meta name="Keywords" content="css layout" />
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
	<meta http-equiv="Content-language" content="ar" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no" />
	<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
	<link href="http://code.google.com/apis/maps/documentation/javascript/examples/default.css" rel="stylesheet" type="text/css" />
	<style type="text/css">
	  #map_canvas { height: 100%; top:215px; left:25px; border:#626263; border:thick; border:solid;}
	</style>
	<script type="text/javascript"
	    src="http://maps.google.com/maps/api/js?sensor=false&language=ar">
	</script>
	<script type="text/javascript">
	  function initialize() {
	    var map = new google.maps.Map(document.getElementById("map_canvas"), {
		        scaleControl: true});
		      map.setCenter(new google.maps.LatLng(27, 31));
		      map.setZoom(5);
		      map.setMapTypeId(google.maps.MapTypeId.ROADMAP);

		      var marker1 = new google.maps.Marker({map: map, position:
		        new google.maps.LatLng(30.064742, 31.249509)});
		      var infowindow1 = new google.maps.InfoWindow();
		      infowindow1.setContent('<b>١٥٠٠ شخص يدعم محمد البرادعي في القاهرة</b>');
		      google.maps.event.addListener(marker1, 'click', function() {
		        infowindow1.open(map, marker1);
		      });
		
			  var marker2 = new google.maps.Marker({map: map, position:
		        new google.maps.LatLng(29, 31)});
		      var infowindow2 = new google.maps.InfoWindow();
		      infowindow2.setContent('<b>٥٠٠ شخص يدعم يدعم محمد البرا في بني سويف</b>');
		      google.maps.event.addListener(marker2, 'click', function() {
		        infowindow2.open(map, marker2);
		      });
		
			  var marker3 = new google.maps.Marker({map: map, position:
		        new google.maps.LatLng(31.02332, 31)});
		      var infowindow3 = new google.maps.InfoWindow();
		      infowindow3.setContent('<b>٣٤٥ شخص يدعم محمد البرادعي في المحلة الكبرى </b>');
		      google.maps.event.addListener(marker3, 'click', function() {
		        infowindow3.open(map, marker3);
		      });
		
			  var marker4 = new google.maps.Marker({map: map, position:
		        new google.maps.LatLng(25, 32.6)});
		      var infowindow4 = new google.maps.InfoWindow();
		      infowindow4.setContent('<b>٣٤٥ شخص يدعم محمد البرادعي تد إدفو  </b>');
		      google.maps.event.addListener(marker4, 'click', function() {
		        infowindow4.open(map, marker4);
		      });
		
			  var marker5 = new google.maps.Marker({map: map, position:
		        new google.maps.LatLng(24, 32.7)});
		      var infowindow5 = new google.maps.InfoWindow();
		      infowindow5.setContent('<b>٣٤٥ شخص يدعم محمد البرادعي في أسوان  </b>');
		      google.maps.event.addListener(marker5, 'click', function() {
		        infowindow5.open(map, marker5);
		      });
	  }

	</script>
</head>
<body class="defaultBackground" onload="initialize()">

<div id="header" align="right">
		<img id="logo"src="../Images/Banner/logo.jpg" height="140" align="right"/>
		
	  <div id="login_div">
			<table  id="login_table" dir="rtl">
			<tr dir="rtl">
				<td dir="rtl"><img src="../Images/Banner/emailLabel.jpg" align="right" /></td>
				<td dir="rtl"><img src="../Images/Banner/passwordLabel.jpg" align="right" /></td>	
				<td></td>
			</tr>
			<tr>
			
				<td><input type="text" class="bordered " name="pass" id="pass" /></td>
				<td><input type="password" class="bordered " name="email" id="email"/></td>
				<td>
					<button class="rounded" style="border:none">
  						<span style="font:Atrissi-sans-book; font-size:14px" >تسجيل الدخول</span>
					</button>
				</td>
			</tr>
			<tr align="right">
				<td class="login_form_label_field" align="right">
					<div><input type="checkbox" value="1" checked="checked" class="bordered" align="right" style="float:right"/>
					<img src="../Images/Banner/StayConnected.jpg"/> </div>
				</td>
				<td class="login_form_label_field">
					<div align="right" dir="rtl">
						<img src="../Images/Banner/ForgotPassword.jpg" align="right" />
					</div>
				</td>
				<td></td>
			</tr>
		  </table>
	  </div>
	</div>
		
		
	<div id="navbar" dir="rtl" align="right" style="height:40px">	
		
		<div class="navitem"> <a href="Home.html" class="navitemLink" >الرئيسية</a></div> 
		<div class="divider"></div> 
		<div class="navitem"><a href="monakashat.html">المناقشات</a></div> 
		
		<div class="divider"></div> 
		<div class="navitem"> <a  href="a7zab.html">الأحزاب السياسية</a></div> 
		
		
		<div class="divider"></div> 
		<div class="navitem"> <a  href="gabhat.html" target="mainFrame">الجبهات السياسية</a></div> 
		
		<div class="divider"></div> 
		<div class="navitem"> <a href="presidential.html">الانتخابات الرئاسية</a></div> 
		
		<div class="divider"></div> 
		<div class="navitem"> <a href="makalat.html">المقالات</a></div> 
		
		<div class="divider"></div> 
		<div class="navitem"> <a href="akhbar.html">أهم الأخبار</a></div> 

	</div>
		
	<div id="main" style="margin:4px;margin-right:4px">
		<table id="mainTable" width="100%" bgcolor="#FFFFFF" style="padding:15px; margin-left:3px; margin-right:4px">
			<tr> 
				<td style="padding-right:5px; width:75%" align="right" >
						<div id="map_canvas" style="width:70%; height:65%"></div>		  	
			    </td>
				
				<td valign="top" style=" background-color:#ffd25f"  align="right">
					<ul style="list-style-type: none; padding-right:10px">
						<li><a href="#home">  البرنامج الإنتخابى</a></li>
                        <li>&nbsp;</li>
						<li><a href="#news"> أخبار الحملة</a></li>
                        <li>&nbsp;</li>
						<li><a href="#contact">منقاشات</a></li>
                        <li>&nbsp;</li>
						<li><a href="CampaignTrail.html">خطوات الحملة </a></li>
                        <li>&nbsp;</li>
						<li><a href="#about"> الإستبيانات </a></li>
                        <li>&nbsp;</li>
						<li><a href="#about"> الشكاوى </a></li>
                        <li>&nbsp;</li>
						<li><a href="EventsCalendar.html"> أجندة الأنشطة  </a></li>
                        <li>&nbsp;</li>
						<li><a href="#about"> الإنضمام للمتطوعين </a></li>
                        <li>&nbsp;</li>
						<li><a href="#about"> التوقيعات تجميع </a></li>
                        <li>&nbsp;</li>
						<li><a href="#about"> المكتبة </a></li>
					</ul>
				</td>	
			</tr>
	  </table>
	</div>
	
</div>

</body>

</html>

